<template>
      <div class="Top">
      <div class="title">
        <p>猫眼电影</p>
      </div>

    <div class="vdo" v-for="(video,index) in videosList" :key="index">
      <img class="ig"  :src="video.video.imgUrl" alt="">
      <div class="text">{{video.shareInfo.title}}</div>
    </div>

    </div>
</template>



<script lang="ts">
import Vue from 'vue'
import axios from 'axios';
export default {

  data(){
    return{

      videosList:[],
    };
  },
  name:'VideosView.vue',
  components:{

  },

  methods:{

    getVideoList()
    {
      axios
      .get("https://apis.netstart.cn/maoyan/video/short/0")
      .then((res) => {
        console.log(res);
        this.videosList = res.data.data.feeds;
        console.log(this.videosList);


      })
    }
  },
  computed:{},

  created(){
    this.getVideoList();
  }
};

</script>



<style>
.ig{
  display: flex;
  flex: 1;
  width: 50%;
  height: 700px;
  float: left;
 
  
}

.text
{
 
}
</style>